// components/multSpec/index.js
Component({

    /**
     * 组件的属性列表
     */
    properties: {
        show: {
            type: Boolean,
            default: false
        },
    },

    /**
     * 组件的初始数据
     */
    data: {
        name: '口味',
        values: []
    },

    /**
     * 组件的方法列表
     */
    methods: {
        //添加规格
        setAdd: function() {
            let {values} = this.data;
            values.push('');
            this.setData({
                values: values
            })
        },
        //移除规格值
        remove: function(e) {
            let {values} = this.data;
            let index = e.currentTarget.dataset.index;
            values.splice(index,1);
            this.setData({
                values: values
            })
        },
        //输入规格值
        setValue: function(e) {
            let {values} = this.data;
            let index = e.currentTarget.dataset.index;
            let value = e.detail.value;
            values[index] = value;
            this.setData({
                values: values
            })
        },
        //关闭
        close: function() {
            this.triggerEvent('confirm');  
        },
        //保存
        save: function() {
            let {name,values} = this.data;
            let flag = true;
            if(!name.trim()){
                wx.showToast({
                    title: '请输入规格名称',
                    icon: 'none'
                })
                return;
            }
            if(!values.length){
                wx.showToast({
                    title: '请添加规格值',
                    icon: 'none'
                })
                return;
            }
            values.forEach(item=>{
                if(!item.trim()){
                    flag = false;
                }
            })
            if(!flag){
                wx.showToast({
                    title: '规格值不能为空',
                    icon: 'none'
                })
                return;
            }
            this.triggerEvent('confirm',{change: true, name: name, values: values});  
        }
    }
})